define(()=>{
    return function(res, ele) {
        'use strict';
        let str = "";
            res.forEach(val=>{
                str += `<li class="product" index="${val.proId}">
                            <div class="product_img">
                                <a href="./ItemDetails.html?id=${val.proId}" target="_blank">
                                    <img src="${val.url}" alt="">
                                </a>
                            </div>
                            <p class="product_desc"><a href="./ItemDetails.html?id=${val.proId}" target="_blank">${val.name}</a></p>
                            <p class="product_author"><span>${val.author}</span></p>
                            <p class="product_price"><em>￥ &nbsp;</em><span>${val.price}</span></p>
                        </li>`;
            })
            ele.innerHTML = str;
    }
    
});